<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib prefix="sec"
	uri="http://www.springframework.org/security/tags"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="huoyun" uri="/huoyun"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>我的用户中心</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/theme/css/main.css">
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/theme/css/style_order.css">
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/theme/css/style_userCenter.css">
<link rel="stylesheet" type="text/css"
			href="${pageContext.request.contextPath}/theme/css/jquery.ui.custom.css">
<script type="text/javascript"
	src="${pageContext.request.contextPath}/theme/js/jquery-1.6.js"></script>
<script type="text/javascript"
			src="${pageContext.request.contextPath}/theme/js/jquery.ui.custom.js"></script>
<style type="text/css">
.listTable {
	border: 1px solid #E8E8E8;
	width: 100%;
}

.listTable th {
	background-color: #F6F6F6;
	border-bottom: 1px solid #F1F1F1;
	line-height: 30px;
	padding-left: 10px;
	text-align: left;
}

.listTable td {
	border-bottom: 1px solid #F1F1F1;
	color: #595959;
	line-height: 28px;
	padding: 3px 10px;
	text-align: left;
}
</style>
<script type="text/javascript">
	$(function() {
		$("#tabs").tabs({
			beforeLoad: function(event, ui) {
				ui.jqXHR.error(function() {
					ui.panel.html("正在努力为您加载...");
				});
			}
		});
	});
</script>
</head>
<body>
	<div>
		<jsp:include page="../nav.jsp">
			<jsp:param value="nav_main" name="nav" />
		</jsp:include>
	</div>
	<div class="realCer">
	
	<!--主体部分-->
	<div class="realMain clearfix mt10">
	 <!--左侧菜单-->
	<div class="realLeft" id="meunLeft">
	    <jsp:include page="../leftMenu.jsp">
	    	<jsp:param value="con_nav_main" name="con_nav"/>
	    	<jsp:param value="orderManagement" name="selectMenu"/>
	    </jsp:include>
    </div>
    <!--中由-->
	<div class="realRight ml10">
			<div class="box">
				
					<div id="tabs">
						<ul>
							<li><a href="#tabs-1">所有订单</a></li>
							<li><a href="<s:url action="orderList.action" namespace="/order"><s:param name="status">1</s:param></s:url>">待付款订单</a></li>
							<li><a href="<s:url action="orderList.action" namespace="/order"><s:param name="status">2</s:param></s:url>">待确认订单</a></li>
							<li><a href="<s:url action="orderList.action" namespace="/order"><s:param name="status">3</s:param></s:url>">待评价</a></li>
						</ul>
						<div id="tabs-1">
							<jsp:include page="ajaxOrderList.jsp"></jsp:include>
						</div>
						
					</div>
				<!-- 中间 -->
				<!--右侧-->
				<script type="text/javascript">
				
				function payBond(orderId)
				{
					$.ajax({
				               type: "POST",
				               url: "${pageContext.request.contextPath}/orderOperate/payBond.action",
				               data: {"orderId" : orderId},
				               dataType: "json",
				               success: function(data) 
				               {
				               		//$("#order_status").html("异常终止");
				               		//$("#order_operate").html();
									alert(data.result.message);
							   },
							   error: function()
							   {
							        alert("系统忙，请稍后再试。");
							   }
			    	});
				}
				function loadCargos(orderId)
				{
					$.ajax({
				               type: "POST",
				               url: "${pageContext.request.contextPath}/orderOperate/loadCargos.action",
				               data: {"orderId" : orderId},
				               dataType: "json",
				               success: function(data) 
				               {
				               		//$("#order_status").html("异常终止");
				               		//$("#order_operate").html();
									alert(data.result.message);
							   },
							   error: function()
							   {
							        alert("系统忙，请稍后再试。");
							   }
			    	});
				}
				function payOrder(orderId)
				{
					$.ajax({
				               type: "POST",
				               url: "${pageContext.request.contextPath}/orderOperate/payOrder.action",
				               data: {"orderId" : orderId},
				               dataType: "json",
				               success: function(data) 
				               {
				               		//$("#order_status").html("异常终止");
				               		//$("#order_operate").html();
									alert(data.result.message);
							   },
							   error: function()
							   {
							        alert("系统忙，请稍后再试。");
							   }
			    	});
				}
				function unloadCargos(orderId)
				{
					$.ajax({
				               type: "POST",
				               url: "${pageContext.request.contextPath}/orderOperate/unloadCargos.action",
				               data: {"orderId" : orderId},
				               dataType: "json",
				               success: function(data) 
				               {
				               		//$("#order_status").html("异常终止");
				               		//$("#order_operate").html();
									alert(data.result.message);
							   },
							   error: function()
							   {
							        alert("系统忙，请稍后再试。");
							   }
			    	});
				}
				</script>
				<!--右侧-->
			</div>
			<!--中由-->
		</div>
	</div>
	<div>
		<jsp:include page="/footer.jsp"></jsp:include>
	</div>
</body>
</html>